body{
    background-color: #A2C672;
}    
/*index page*/
    #navi{
        position:fixed;
        width: 100%;
        height: 30px;
        left: 0px;
        background-color: green;
        top: 0px;
        font: 12px/1.125 Arial, Helvetica, sans-serif;
        background: rgba(0, 0, 0, 0.6);
        z-index: 100;
    }
    .search {
        position:fixed;
        background: rgba(0, 0, 0, 0.0);
        right: 20px;
        padding-left: 5px;
        top: 0px;
        font: 12px/1.125 Arial, Helvetica, sans-serif;
        z-index: 200;
        color : white;
        text-decoration: none;
    }
    .search a{
        color : white;
        text-decoration: none;
    }
    .search a:hover{
        color : black;
        background-color: white;
    }
    #navi .item{
        float: left;
        padding-left : 10px;
        text-decoration: none;
        color: grey;
    }
    #navi a{
        padding : 0px;
        margin-top: 0px;
        line-height: 29px;
        text-decoration: none;
        color: grey;
    }
    .menuitem_ul{
        margin-top: 1px;
        position: absolute; 
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        color: grey;
        z-index: 1999;
        background: rgba(0, 0, 0, 0.6);
        display: none;                    
    }
    .menuitem_li{
        list-style: none; 
    }
    #navi a:hover{
        background-color: #A2C672;
        color: white;
        background: rgba(0, 0, 0, 0.6);
    }
    #navi #info{
        float: right;
    }
    #content{
        width:800px;
        margin-top: 35px;
        padding: 10px 10px 10px 10px;
        min-height: 600px;
        margin-left:100px;
    }
    #content .content_item{
        float: left;
        width: 245px;
        padding: 5px;
    }
    #content .content_item p a{
/*        font-size: 12px;*/
        text-decoration: none;
        color: #333;
        font-family: "lucida grande",tahoma,verdana,arial,宋体b8b\4f53,sans-serif;
    }
    #content .content_item p a:hover{
        font-size: 16px;
    }
    #content img{
        background-color:#AAA;
        box-shadow:  5px 5px green;
    }
    form{margin:0px;display: inline}
    .catspan{
        padding:2px;
        position:absolute;
        top:5px;
        left:5px;
        background-color: #A2C672;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999;
    }
    .catspan :hover{
        zoom:1.5;
    }
    .catspan a{
        color: grey;
        text-decoration:none;
        font-size: 12px;
    }
    
/*post page*/

    #post_content{
        width:880px;
        margin-top: 15px;
        padding: 10px 10px 10px 10px;
        padding-left: 100px;
        min-height: 600px;
        margin-left:20px;
    }
    #post_content .content_item{
        float: left;
        width: 245px;
        padding: 10px;
    }
    #post_content img{
        float:left;
        margin-bottom: 5px;
    }
    
    #post_content h4{
        padding: 10px;
        height: 50px;
    }
    #post_content p{
        padding: 10px;
        height: 80px;
        overflow: hidden;
    }
    .torrent{
        border: 0px solid black; width:430px; overflow: hidden;
    }
    .torrent a{
        text-decoration: none;
        padding: 7px;
        color: black;
        font-size: 13px;
    }
    
/*    jjgallery*/

    .jjga{
        width: 900px;
    }
    .jjga .full{
        top : 0px;
        float: left;
    }
    .jjga .full img{
        top: 0;
        left: 0;
        float: left;
        
        background-color: yellow;
    }
    .jjga .thumbs{
        top: 10px;
        height: 170px;
        width: 900px;
        float: left;
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .jjga .picinfo{
        float: left;
        z-index: 50;
        top: 0;
        left : 0;
        width: 50px;
        height:25px;
        font: 13px/1.125 Arial, Helvetica, sans-serif;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        margin: 0;
        line-height: 20px;
    }
    .jjga .scroll{
        position: relative;
        height: 130px;
        width: 600000px;
        cursor: pointer;
        float: left;
        left: 0px;
    }
    .jjga .scroll .item{
        float: left;
        padding: 5px;
    }
    .jjga .scroll .item a img{
        background-color: yellow;
    }
    .jjga .scroll #left{
        float: left;
        background: url(../picbg1013.gif) 0 -188px;
        width: 27px;
        height: 64px;
        display: block;
        float: left;
    }
    
    .jjga .scroll a:visited {
        color: #533A8B;
    }

    .reply{
       float: left;
       width: 80%;
       margin-top: 10px;
       padding : 5px;
    }

    .replyauthor{
        font-size: 15px;
    }

    .replycontent{
        font-size: 18px;
    }

    .rela{
       float: left;
       width: 80%;
       margin-top: 20px;
       padding : 5px;
    }
    .rela_thumb{
       float: left;
       padding-left: 5px;
       background-color: yellow;
    }











    
    
    
